<!--
 * @docName: settleModal.vue
 * @Author: mwl
 * @Date: 15:43
 * @LastEditors: mwl
 * @LastEditTime: 15:43
-->
<template>
  <a-modal
    v-model="visible"
    :footer="null"
    @cancel="handleCancel"
    :destroyOnClose='true'
  >
    <div>
      <a-tabs default-active-key="1" @change="callback">
        <a-tab-pane key="1" tab="自由职业者">
          <zy-form></zy-form>
        </a-tab-pane>
        <a-tab-pane key="2" tab="财税服务商">
          <cs-form></cs-form>
        </a-tab-pane>
        <a-tab-pane key="3" tab="用工企业">
          <yg-form></yg-form>
        </a-tab-pane>
      </a-tabs>
    </div>
  </a-modal>
</template>

<script>

import zyForm from '@views/user/register/modules/zyForm'
import csForm from '@views/user/register/modules/csForm'
import ygForm from '@views/user/register/modules/ygForm'
export default {
  name: 'settleModal',
  components:{zyForm,csForm,ygForm},
  props:['isShow'],
  data(){
    return{
      visible: false,
      loading: false,
      activeKey:1,
      labelCol: { span:6},
      wrapperCol: { span: 18 },
    }
  },
  watch:{
    isShow:{  // 监控该变量，重新赋值并刷新图表
      handler(newVal){
        this.visible = newVal
      }
    }
  },
  created() {
  },
  mounted() {
  },
  methods:{
    callback(key) {
      this.activeKey = key;
      console.log(122,this.activeKey);
    },
    handleOk(e) {
      console.log(e);
      this.visible = false;
    },
    //关闭
    handleCancel(){
      this.$emit('modalHidden');
    },
  }
}
</script>

<style scoped>

</style>
